<!DOCTYPE html>
<html lang="en">

<head>
   <meta charset="utf-8">
   <link rel="stylesheet" href="../../bootstrap/dist/css/bootstrap.min.css">
   <link rel="stylesheet" href="../../css/index.css">
   <link rel="shortcut icon" href="../../img/A.png"  type="image/x-icon">
   <script src="../../bootstrap/dist/js/bootstrap.min.js"></script>
   <script src="../../bootstrap/dist/js/bootstrap.bundle.min.js"></script>
   <script src="../../vue/jquery.min.js"></script>
   <script src="../../vue/vue.min.js"></script>
   <title>ikranTv后台管理系统</title>
</head>

<body>
<div class="container">

   <div class="row" id="loginApp">
      <div class="col-md-6 offset-3">
         <div class="card mt-5">
            <div class="mb-5 bg-light" style="font-family:fantasy;">
               <h3><img style=" width: 20%; height: 20%;" src="../../img/A.png"/><span>ArkanTv</span></h3>
            </div>
            <form action="/web/login" method="post">
               <div id="error" class="alert alert-danger d-none">
                  <i class="fa fa-exclamation-triangle"></i> 账号或密码错误
               </div>
               <div class="form-floating mb-3 mt-3">
                  <input type="text" class="form-control" id="phone" placeholder="Enter email" name="username">
                  <label for="phone">电话</label>
               </div>

               <div class="form-floating mt-3 mb-3">
                  <input type="password" class="form-control" id="pwd" placeholder="Enter password"
                         name="password">
                  <label for="pwd">密码</label>
               </div>
               <div class="d-grid gap-3">
                  <button type="submit" class="btn btn-primary btn-block">登录</button>
               </div>
            </form>
         </div>
      </div>

   </div>
</div>
</body>
<script>
  if (location.search == "?error") {
    $("#error").removeClass("d-none");
  }
  if (location.search == "?logout") {
    $("#logout").removeClass("d-none");
  }
  if (location.search == "?register") {
    $("#register").removeClass("d-none");
  }
</script>
</html>